<template>
  <!-- 主页 -->
  <div class="page-index">
    <v-header></v-header>
    <main class="main">
      <router-view />
    </main>
    <v-footer></v-footer>
  </div>
</template>

<script>
  import header from "../components/header";
  import footer from "../components/footer";

  export default {
    name: "index",
    components: {
      "v-header": header,
      "v-footer": footer,
    }
  }
</script>

<style scoped lang="stylus">
  .page-index
    width 100%
    min-height 100vh
    background #EFF2F8
      border 1px solid #dedede
    .main
      width 1330px
      min-height calc(100vh - 106px)
      padding-top 46px
      margin 0 auto
</style>